<template>
  <div id="app">
    <router-view/>

    <SCNavBar position="bottom"/>
  </div>
</template>

<script>
import SCNavBar from './components/SCNavBar.vue'

export default {
  name: 'app',
  components: {
    SCNavBar
  }
}
</script>

<!-- <style scoped> 使用 scoped 使得 css 只在本模块有效，即使子模块也无效-->
<style>
 #app {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}
/* 显示不完整的文字以省略号显示 */
.ellipsis-text{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}


.price {
  color:red;
  /* 为保证人民币符号的正常使用 */
  font-family: Arial;
}
</style>
